<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<form id="query-form" class="form-inline">
				<input type="hidden" id="flag" name="type" value="month">
				<div class="form-group ">

					<label for="year">年度</label> 
					<input type="text"
						class="form-control" name="byear" id="byear" placeholder="起始"> -<input
						type="text" class="form-control" name="eyear" id="eyear" placeholder="截止">
				</div>
				<div class="form-group " id="sel-month" style="margin-left: 20px">

					<label for="month">月度</label> 
					<select id="bmonth" name="bmonth"  class="form-control">
						<option value="">--请选择--</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>- <select id="emonth"  name="emonth" class="form-control">
						<option value="">--请选择--</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
				</div>

				<div class="form-group " style="margin-left: 20px">
					<label for="month">所属团队</label> 
					<select id="deptId" name="deptId" onchange="reLoad()" class="form-control">
						<option value="">--请选择--</option>
						<option th:each="dept :${deptList}" th:value="${dept.deptId}" th:text="${dept.name}"></option>
					</select>
				</div>
			</form>
			

			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns pull-left">
							<button th:if="${mStatus eq '1'}" shiro:hasPermission="per:score:result" type="button" class="btn  btn-primary"
								onclick="result()">
								<i class="fa " aria-hidden="true"></i>生成本月考评结果
							</button>
							<button shiro:hasPermission="per:score:result" type="button" id="bt-year" class="btn  btn-primary"
								onclick="year()">
								<i class="fa " aria-hidden="true"></i>年度积分
							</button>
							<button shiro:hasPermission="per:score:result" type="button" id="bt-quarter" class="btn  btn-primary"
								onclick="quarter()">
								<i class="fa " aria-hidden="true"></i>季度积分
							</button>
							<button shiro:hasPermission="per:score:result" type="button" id="bt-month" class="btn  btn-warning"
								onclick="month()">
								<i class="fa " aria-hidden="true"></i>月度积分
							</button>
							
						</div>
						<div class="columns pull-right">
							<button class="btn btn-success" onclick="reLoad()">查询</button>
						</div>
						<div class="columns pull-right">
							&nbsp;&nbsp;
						</div>
						<div class="columns pull-right">
							<button class="btn btn-warning" onclick="exportExcl()">导出</button>
						</div>
						
						<div class="columns pull-right col-md-2 nopadding">
							<!-- <input id="searchName" type="text" class="form-control"
								placeholder=""> -->
						</div>
					</div>
					<table id="month" data-mobile-responsive="true">
					</table>
					<table id="quarter" data-mobile-responsive="true">
					</table>
					<table id="year" data-mobile-responsive="true">
					</table>
				</div>
			</div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
				var s_resetPwd_h = 'hidden';
			</script>
		</div>
		<div shiro:hasPermission="per:score:edit">
			<script type="text/javascript">
				s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="per:score:remove">
			<script type="text/javascript">
				var s_remove_h = '';
			</script>
		</div>
		<div shiro:hasPermission="per:score:resetPwd">
			<script type="text/javascript">
				var s_resetPwd_h = '';
			</script>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/appjs/per/score/score.js"></script>
	<script type="text/javascript" src="/laydate/laydate.js"></script>
	<script type="text/javascript">
		laydate.render({
			elem : '#byear',
			type : 'year',
			done : function(value, date) {
				//alert('你选择的日期是：' + value + '\n获得的对象是' + JSON.stringify(date));

			}
		})
		laydate.render({
			elem : '#eyear',
			type : 'year',
			done : function(value, date) {
				//alert('你选择的日期是：' + value + '\n获得的对象是' + JSON.stringify(date));
			}
		})

		
	</script>
</body>
</html>